

/**************************************************************************************************
	Form Controls
***************************************************************************************************/
body {margin: 0px;}
body, td, div, textarea {font-family:Comic Sans MS; font-size:13px;}
input, select, textarea {font-size:12px;}

/* Links */
a.whitelink:visited { COLOR: white; TEXT-DECORATION: none }
a.whitelink:link    { COLOR: white; TEXT-DECORATION: none }
a.whitelink:active  { COLOR: white; TEXT-DECORATION: none }
a.whitelink:hover   { COLOR: red;   TEXT-DECORATION: none }

a.bluelink:visited { COLOR: blue; TEXT-DECORATION: none }
a.bluelink:link    { COLOR: blue; TEXT-DECORATION: none }
a.bluelink:active  { COLOR: blue; TEXT-DECORATION: none }
a.bluelink:hover   { COLOR: red; TEXT-DECORATION: none }

a:visited { color: blue; TEXT-DECORATION: none}
a:link    { color: blue; TEXT-DECORATION: none }
a:active  { color: blue; TEXT-DECORATION: none }
a:hover   { color: red;  TEXT-DECORATION: none}

.smallsizetextbox {
	width: 1.5em;
	font-family: arial, verdana, ms sans serif;
	font-weight: bold;
	background-color: #FAF8CC;
	border: #C9C299 2px solid;
	color: #7F462C;
	font-weight: bold;
	font-size: 20pt;
	text-align: center;
}

.answerbox {
	background-color: #FAF8CC;
	border: #C9C299 2px solid;
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-weight: bold;
	font-size: 20pt;
	text-align: center;
}

.textareabox {
	background-color: #FAF8CC;
	border: #C9C299 2px solid;
	color: #000000;
	font-family: arial, verdana, ms sans serif;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}

.dropdownbox {
	background-color: #FAF8CC;
	color: #000000;
	font-family: arial, verdana, ms sans serif;
	font-size: 14pt;
}

.button1 {
	background-color: #030180;
    border-color:     #6389C6;
    color:            #ffffff;
    font-family:      Verdana, Arial, Helvetica sans-serif;
    font-size:        8.5pt;
    font-weight:      bold;
    cursor:           hand;
}

.button
{ 
	background-color: #030180;
    color:            #ffffff;
    font-family:      Verdana, Arial, Helvetica sans-serif;
    font-size:        8.5pt;
    font-weight:      bold;
}

.fractionbox {
	width: 1.5em;
}
/**************************************************************************************************
	Page Display
***************************************************************************************************/
/* Titles */
.title {
  background-color: #ffffff;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica, Comic Sans MS;
  font-size:      20pt;
  font-weight:    500;
  TEXT-TRANSFORM: capitalize;
  text-align: center;
}

.titleWhite {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      16px;
  font-weight:    bold;
  color:          #FFFFFF;
  TEXT-TRANSFORM: capitalize;
}

.subtitle {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      16px;
  font-weight:    bold;
  TEXT-TRANSFORM: capitalize;
  text-align: center;
}

.subtitleWhite {
  font-family: Verdana, Arial, Helvetica;
  font-size:   16px;
  color:       #FFFFFF;
}

/* new page titles */
.pmtitle{
	/*color:#A9101D;*/
	color:#F87217;
	font-size:24px;
	background:url(../page/images/welcome_bg.gif) no-repeat left bottom;
	font-weight:bold;.
	text-shadow:#fff 0 1px 2px;
	text-transform: capitalize;
}
.pmtitle span{
	color:#15126A;
}
.pmsubtitle {
	color:#F87217;
	font-size:16px;
	background:url(../page/images/welcome_bg1.gif) no-repeat left bottom;
	font-weight:bold;.
	text-shadow:#fff 0 1px 2px;
}
.pmsubtitle span{
	color:#15126A;
}

.pmtitle1 {
	color:#F87217;
	font-size:24px;
	background:url(../page/images/welcome_bg1.gif) no-repeat left bottom;
	font-weight:bold;.
	text-shadow:#fff 0 1px 2px;
}

.pmtitle2 {
	color:#F87217;
	font-size:20px;
	font-weight:bold;.
	text-shadow:#fff 0 1px 2px;
}

.hitcounter {
	color: #FFF;
	font-family: brush script mt;
	font-weight: bold;
	font-size: 23px;
	text-align: middle;
}

.hitcounter span {
	color: #15126A;
}

.breadcrumb {
	color: #FFF;
	font-size: 21px;
	text-shadow:#333 0 1px 1px;
	font-weight:    bold;
}

.breadcrumb span {
	color:  #E56717;
}

.breadcrumb a:link {
	color: #C35617;
	text-align: left;
}

.breadcrumb a:hover{
	color: #FFF; 
}

/*	-----------------------------------------------------------------------------------------------------------	  */
/* Headings */
.heading_one {
	background-color:#eee;
	font-family: Verdana, Arial, Helvetica;
  	font-size: 130%;
  	font-weight: bold;
	margin-top:0; 
	text-align: left;
	border-top:2px solid blue;
}

.heading_two {
	background-color:#eee;
	font-family:    Verdana, Arial, Helvetica;
	font-size:110%;
	margin-top:0; 
	text-align: left;
	border-top:2px solid #C00;
}

.heading_three {
	background-color:#eee;
	font-family:    Verdana, Arial, Helvetica;
	font-size:14px;
  	font-weight:    300;
  	font-weight:    bold;
	margin-top:0; 
	text-align: center;
	color: #F87217;	
	border-top:2px solid #fc0;
}

.instructions_text {
	background-color:#eee;
	font-family:    Comic Sans MS;
	font-size:20px;
  	font-weight:    300;
  	font-weight:    bold;
	text-align: center;
	border-top:3px solid #fc0;
	color: #F87217;	
}
  
  /*font-size:      16px;
  font-weight:    500;
  
  color:          blue;*/

.heading1 {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      16pt;
  font-weight:    300;
  font-weight:    bold;
  color:          black;
}

.formHeader {
	background-color: #1838A5;
    border-color:     #1838A5;
    color:            #ffffff;
    font-family:      Verdana, helvetica, arial, sans-serif;
    font-size:        12pt;
    font-weight:      bold;
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Information/Description  */
.description-small {
  font-family: Comic Sans MS;
  font-size:      12pt;
  color:     #h7b7b3;
}

.description-medium {
  font-family: Comic Sans MS;
  font-size:      14pt;
  color:     #h7b7b3;
}

.description-large {
  font-family: Comic Sans MS;
  font-size:      16pt;
  color:     #h7b7b3;
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Data displays */
.data {
  background-color: #ffffff;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    500;
  text-align: right;
}

.dataleft {
  background-color: #ffffff;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    500;
  text-align: left;
}

.datacenter {
  background-color: #ffffff;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    500;
  text-align: center;
}

.alphabetbig {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      40pt;
  font-weight:    400;
  font-weight:    bold;
  color:          blue;
}

.alphabetmedium {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      21pt;
  font-weight:    500;
  font-weight:    bold;
  color:          blue;
}

.problemnum {
  font-family:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    500;
  font-weight:    bold;
  text-align:     right;
  vertical-align: top;
  color:          blue;
}

.textWhite {
	color:           #FFFFFF; 
	text-decoration: none; 
	font-size:       11px;
}

.wordproblem{
  background-color: #ffffff;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      12pt;
  font-weight:    400;
  text-align: left;
}

.infodatacenter {  
  COLOR:       black;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE:   10pt;
  FONT-WEIGHT: 400;
  TEXT-ALIGN:  center;
}

.fractiondisplay {
	width: 2.5em;
	background-color: #ffffff;
	color:     black;
	FONT-FAMILY:    Verdana, Arial, Helvetica;
	font-size:      20pt;
	font-weight:    500;
	text-align: center;
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Labels */
.formLabel {  
  COLOR:          black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  FONT-SIZE:      9pt;
  FONT-WEIGHT:    600;
  TEXT-ALIGN:     right;
  TEXT-TRANSFORM: capitalize;
}

.leftlabel {  
  font-family: Comic Sans MS;
  font-size:   13pt;
  color:       #h7b7b3;	
  TEXT-ALIGN:  left;
}

.rightlabel {  
  font-family: Comic Sans MS;
  font-size:   13pt;
  color:       #h7b7b3;	
  TEXT-ALIGN:  right;
}

.labelmedium {  
  COLOR:          black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  FONT-SIZE:      13pt;
  FONT-WEIGHT:    600;
  TEXT-ALIGN:     left;
}

.formValue {  
  COLOR:       black;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE:   9pt;
  FONT-WEIGHT: 400;
  TEXT-ALIGN:  left;
}

.preflabel {  
  COLOR:          black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  FONT-SIZE:      9pt;
  FONT-WEIGHT:    bold;
  TEXT-ALIGN:     right;
  TEXT-TRANSFORM: capitalize;
}

.info_label {  						
  font-family: Comic Sans MS;
  font-size:   20px;
  font-weight: bold;
  color:       #C35817	
}

.info_label span {  
  color:       #8A4117	
}

.info_label_medium {  						
  font-family: Comic Sans MS;
  font-size:   16px;
  font-weight: bold;
  color:       #C35817	
}

.info_label_medium span {  
  color:       #8A4117	
}

.info_display {  
  font-family: Comic Sans MS;
  font-size:   20px;
  color:       #h7b7b3;	
}

.legend {  
  font-family: Comic Sans MS;
  font-size:   17px;
  font-weight: bold;
  color:       #C35817	
}

.legend span {  
  color:       #8A4117	
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Odd and even rows */
.evenRow {
  FONT-FAMILY: Verdana, Arial, Helvetica;	
  background-color: #e7e7f3;
  font-size:        11px;
  align:            center;
}

.oddRow {
  FONT-FAMILY: Verdana, Arial, Helvetica;	
  background-color: #d5d5ea;
  font-size:        11px;
  align:            center;
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Image styles */
.time_clock {
  margin: 2px;
  display: block;
  /* border: 2px solid #F87217; */
  height: 100;
  width: 140;
  padding: 5px;
}

.general { /* not used yet */
  margin: 2px;
  border: 1px solid #C35817;
  height: auto;
  width: auto;
  float: left;
}

/*	-----------------------------------------------------------------------------------------------------------	  */

/* Error messages */
.errortext_left {
  font-family: Verdana, Arial, Helvetica;;
  font-size:   12px;
  color:       red;
  TEXT-ALIGN:  left;
}

.errortext_center {
  font-family: Verdana, Arial, Helvetica;;
  font-size:   12px;
  color:       red;
  TEXT-ALIGN:  center;
}

.errortext_right {
  font-family: Verdana, Arial, Helvetica;;
  font-size:   12px;
  color:       red;
  TEXT-ALIGN:  right;
}

/*	-----------------------------------------------------------------------------------------------------------	  */
/* Table data formatting */
.tableHeader{
  background-color: #141111;
  color:     white;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: left;
}

.tableheadercenter{
  background-color: #141111;
  color:     white;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: center;
}

.tablesubheader{
  background-color: #FFFFFF;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: left;
}

.tablesubheaderright{
  background-color: #FFFFFF;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: right;
}

.tdheaderright{
  background-color: #FFFFFF;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: right;
}

.tdheaderleft{
  background-color: #FFFFFF;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: left;
}

.tableHeaderBig{
  background-color: #141111;
  color:     white;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    300;
  text-align: left;
}

.lwfborder {
	border-color: #F87217;
}

.lwf_image {
  margin: 2px;
  display: block;
  border: 2px solid #F87217;
  padding: 5px;
}
/*	-----------------------------------------------------------------------------------------------------------	  */
/* Question	*/
.question {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    500;
  text-align: left;
}

.questionmedium {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      16pt;
  font-weight:    200;
  text-align: left;
}

.qmediumcenter {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      16pt;
  font-weight:    200;
  text-align: center;
}

.question1 {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      13pt;
  font-weight:    250;
  text-align: left;
}

/*	-----------------------------------------------------------------------------------------------------------	  */
/* Tabs */
.tabcell {
	border-color: #F87217;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
	border-top:2px solid #C00;
}

.tabtable {
	border-top:2px solid #C00;
	border-left:2px solid #C00;
	border-right:2px solid #C00;
	border-bottom:2px solid #C00;
}

/*	-----------------------------------------------------------------------------------------------------------	  */
/* Miscellaneous */
.bluecell {
	BACKGROUND-COLOR: #356FD2;
}

.wordsentence {
  background-color: #e7e7f3;
  color:     #h7b7b3;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      20pt;
  font-weight:    400;
  text-align: right;
}

.correctdatarow {
  background-color: #e7e7f3;
  color:     black;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      12pt;
  font-weight:    300;
  text-align: left;
}

.wrongdatarow  {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      12pt;
  font-weight:    300;
  text-align: left;
}

.qBcenter {
  background-color: #ffffff;
  color:     red;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      40pt;
  font-weight:    500;
  text-align: center;
}



.prefvalue {  
  COLOR:       black;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE:   9pt;
  FONT-WEIGHT: 100;
  TEXT-ALIGN:  left;
}
.currencyValue {  
  COLOR:       black;
  FONT-FAMILY: Verdana, Arial, Helvetica;
  FONT-SIZE:   9pt;
  FONT-WEIGHT: 400;
  TEXT-ALIGN:  right;
}


.messagetext {
  COLOR:          blue;
  FONT-FAMILY:    Verdana, Arial, Helvetica;;
  FONT-SIZE:      9pt;
  FONT-WEIGHT:    600;
  TEXT-ALIGN:     left;
  TEXT-TRANSFORM: capitalize;
}

.chooseanswer{
  background-color: #141111;
  color:     white;
  FONT-FAMILY:    Verdana, Arial, Helvetica;
  font-size:      14pt;
  font-weight:    300;
  text-align: center;
}

.radiotable {
    border-right: #093678 1px solid; 
    border-top: #093678 1px solid; 
    border-left: #093678 1px solid;
    border-bottom: #093678 1px solid;
    background: #FFFFFF;
    cellpadding: 0;
    cellspacing: 0;
}

.answercell {
    border-top: #093678 2px solid; 
    border-bottom: #093678 2px solid;
    background: #FFFFFF;
    text-align: center;
}

<!-- for buttons -->



.releasetext {
  font-family: Verdana, Arial, Helvetica;;
  font-size:   12px;
  color:       green;
  TEXT-ALIGN:  left;
}

<!-- Tabs  -->

.selectedLinks {
   color:           #0066CC;
   font-weight:     bold;
   text-decoration: none;
}

.tabLinks {
   color:           #000000;
   font-weight:     bold;
   text-decoration: none;
}

.MsgBody
{
  BACKGROUND-COLOR: #ffffff;
  COLOR:            black;
  FONT-FAMILY:      Arial, 'Times New Roman';
  FONT-SIZE:        9pt;
  FONT-WEIGHT:      600;
  TEXT-TRANSFORM:   capitalize
}

.MsgHead
{
  BACKGROUND-COLOR: #030180;
  COLOR:            white;
  FONT-FAMILY:      Arial, 'Times New Roman';
  FONT-SIZE:        9pt;
  FONT-WEIGHT:      600;
  TEXT-TRANSFORM:   capitalize
}

.MsgText
{
  COLOR:       black;
  FONT-FAMILY: Arial, 'Times New Roman';
  FONT-SIZE:   9pt;
  FONT-WEIGHT: 400;
}

<!-- For Hangman -->
.alpha-butt{width: 40px;}
.nq{width: 100px;}
.tarea{font-weight: bold;}
.tb1{border: 1px inset black;}


